﻿<!OCTYPE html>
<html>
<head>
 <title></title>
    ﻿<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="images/favicon.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/default.min.css?t=227" />

<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>

<script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
<script src="../layui/layui.js"></script>
<link rel="stylesheet" href="layui/css/layui.css">
<script type="text/javascript" src="js/main.min.js?t=1"></script>
<script src="js/jquery-1.8.2.js"></script>
<style>
	      .f-cb{
	                  width:100%;
	                 height:20%;
	                  list-style: none;
	                   margin:0;
	                   padding-left: 5%;
					 padding-bottom: 10%;
	               }
	          .f-cb li{
	              width:30%;
	               margin:0 10px;
	             float: left;/*该处换为display:inline-block;同样效果*/
	 
	       }
 .f-cb li a{
           
             padding:0 20px;
             font-size: 35px ;
             background: gray;
              display: inline-block;
         }
	     .tits{
			 
		 }   
	
					#b{
						padding-right: 10%;
						padding-top: 15%;
						font-size: 20px;
					}
					span{
						float: left;
						margin: 0px;
						border: 0px;
						padding-top: 5%;
					}
					#d{
						
					}
				
</style>

</head>
<body>
<div class="layui-carousel" id="test1" lay-filter="test1">
  <div carousel-item=""id="lbt">
    
  </div>
</div>


<script>
layui.use('carousel', function(){
  var carousel = layui.carousel;
  //建造实例
  var ins=carousel.render({
    elem: '#test1'
    ,width: '100%' //设置容器宽度
    ,height : '600px' 
    ,arrow: 'always' //始终显示箭头
    //,anim: 'updown' //切换动画方式
  });
  
  $.ajax({
	url:"/wangwang/xianshitupian",//地址
	type:"get",//请求方式
	success:function(res){//成功后的回调
		var list=res.data;
	    for(var i=0;i<list.length;i++)
		$("#lbt").append(
				"<div><img src='/wangwang/"+list[i].tupian+"'></div>");	
	    
	    
	    
	    ins.reload({
		    elem: '#test1'
			    ,width: '100%' //设置容器宽度
			    ,arrow: 'always' //始终显示箭头
			    //,anim: 'updown' //切换动画方式
			  });
	} 
  
  });
});
</script>
</body>
</html>